<template>
  <main class="page">
    <PageBanner :bg_url="page.banner" />
    <section class="section-container">
      <div class="section-wrap">
         <ul class="video list">
          <li class="list-item" v-for="(item,key) of list" :key="key">
            <a href="https://baidu.com" class="list-item-link" target="__blank">
              <NewsItem :item="item" />
            </a>
          </li>
        </ul>
      </div>
    </section>
  </main>
</template>
<script>
import NewsItem from "@/components/NewsItem.vue";
export default {
  name: "Photos",
  components: {
    NewsItem,
  },
  data() {
    return {
      page: {
        banner: {
          "background-image": `url(${require("@/assets/img/photos.jpg")})`
        }
      },
      list: [
        {
          title: "Awarding Ceremony 2015",
          date: "08 Jun 2016",
          thumb:"https://sday.design//media/upload/MEDIA/News/2013/awarding%20ceremony.jpg",
          cate: "2015",
          download: `(2560x1522, 375.14KB)`
        },
        {
          title: "2013 SDAY Awarding Ceremony",
          date: "18 Mar 2014",
          thumb:
            "https://sday.design//media/upload/MEDIA/News/2013/2013awarding_s.jpg",
          cate: "2013",
          download: `(3840x1646, 3.54MB)`
        },
        {
          title:
            "2013 SDAY winners joining workshop together with local designers",
          date: "18 Mar 2014",
          thumb:
            "https://sday.design//media/upload/MEDIA/News/2013/workshop_s.jpg",
          cate: "2013",
          download: `(2560x1440, 2.08MB)`
        },
        {
          title: "2013 SDAY winners presenting their works",
          date: "18 Mar 2014",
          thumb:
            "https://sday.design//media/upload/MEDIA/News/2013/2013workshop_s.jpg",
          cate: "2013",
          download: `(4245x1819, 4.58MB)`
        }
      ]
    };
  }
};
</script>
<style lang="scss">
</style>